<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		
		<title>后台管理系统</title>

		<link rel="stylesheet" href="AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="AdminLTE/bower_components/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="AdminLTE/bower_components/googlefont/google_font.min.css" />
		<link rel="stylesheet" href="AdminLTE/bower_components/Ionicons/css/ionicons.min.css" />
		<link rel="stylesheet" href="AdminLTE/dist/css/AdminLTE.min.css" />
		<link rel="stylesheet" href="AdminLTE/dist/css/skins/_all-skins.css" />
		
	</head>

	<body class="hold-transition skin-blue sidebar-mini">
		<div class="wrapper">
			<header class="main-header">
				<a href="#" class="logo">
					<span class="logo-lg"><b>Perfect</b> Admin</span>
				</a>
				<nav class="navbar navbar-static-top" role="navigation">
				    <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
				      <span class="sr-only">Toggle navigation</span>
				    </a>
					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<li class="dropdown user user-menu">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                  					<img src="img/placeholder_avatar.png" class="user-image" alt="User Image"/>
                  					<span class="hidden-xs">Mia Tang</span>
                					</a>
							</li>
						</ul>
					</div>
				</nav>
			</header>
			<aside class="main-sidebar">
				<section class="sidebar">
					<ul class="sidebar-menu" data-widget="tree">
						<li class="header">Main Menu</li>
						<li class="active">
							<a href="#"><i class="glyphicon glyphicon-link"></i> <span>Link</span></a>
						</li>
						<li>
							<a href="#"><i class="glyphicon glyphicon-link"></i> <span>Another Link</span></a>
						</li>
						<li class="treeview">
							<a href="#"><i class="glyphicon glyphicon-link"></i> <span>Multilevel</span>
								<span class="pull-right-container">
              						<i class="fa fa-angle-left pull-right"></i>
            						</span>
							</a>
							<ul class="treeview-menu">
								<li>
									<a href="#">Link in level 2</a>
								</li>
								<li>
									<a href="#">Link in level 2</a>
								</li>
							</ul>
						</li>
					</ul>
				</section>
			</aside>

			<div class="content-wrapper">
				<section class="content-header">
					<h1>
			        Page Header
			        <small>Optional description</small>
			      </h1>
					<ol class="breadcrumb">
						<li>
							<a href="#"><i class="fa fa-dashboard"></i> Level</a>
						</li>
						<li class="active">Here</li>
					</ol>
				</section>

				<section class="content">

					<!-- Your Page Content Here -->

				</section>
			</div>

			<footer class="main-footer">
				<div class="pull-right hidden-xs">
					Anything you want
				</div>
				<strong>Copyright &copy; 2017 <a href="#">Company</a>.</strong> All rights reserved.
			</footer>
		</div>

		<script src="AdminLTE/bower_components/jquery/dist/jquery.min.js" />
		<script src="AdminLTE/bower_components/bootstrap/dist/js/bootstrap.min.js" />
		<script src="AdminLTE/dist/js/adminlte.min.js" />
	</body>

</html>